<template>
  <div class="find">
    <div>
      <van-nav-bar title="发现"></van-nav-bar>
      <van-cell
        title="面试技巧"
        value="查看更多"
        is-link
        class="title"
        @click="hahah"
      />
      <experienceadd></experienceadd>
    </div>
        <!-- 市场数据 -->
    <chartList></chartList>
    <div class="share">
      <van-cell
        title="面经分享"
        value="查看更多"
        is-link
        class="title"
        @click="shareList"
      />
      <experiencedetail></experiencedetail>
    </div>

  </div>
</template>

<script>
import experienceadd from './experienceAdd.vue'
import experiencedetail from './experienceDetail.vue'
import chartList from './chartList.vue'
export default {
  methods: {
    hahah () {
      this.$router.push('/technicList')
    },
    shareList () {
      this.$router.push('/shareList')
    }
  },
  components: {
    experienceadd,
    experiencedetail,
    chartList
  }
}
</script>

<style lang="less" scoped>
.find {
  .title {
    /deep/.van-cell__title {
      color: #000;
      font-size: 20px;
    }
    /deep/.van-cell__value {
      color: #545671;
      font-size: 14px;
    }
    /deep/.van-cell__right-icon {
      color: #000;
      font-size: 18px;
    }
  }
  .share {
    border-top: 10px solid #f9f9f9;
  }
  /deep/.van-cell::after {
    border: 0;
  }
}
</style>
